<template>
  <section class="content">
    <div class="row form-group">
      <div class="col-xs-8">
        <div class="box">
          <div class="box-header" style="border-bottom: 1px solid rgb(226, 225, 225)">
            <h3 class="box-title">订单信息</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body" style="overflow: hidden">
            <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
              <div class="col-sm-6 flex">
                <label class="control-label min-width">订单编号：</label>
                <div class="inline-block">
                  <label class="control-label">2200321955016</label>
                </div>
              </div>
              <div class="col-sm-6 flex">
                <label class="control-label min-width">订单编号：</label>
                <div class="inline-block">
                  <label class="control-label">2200321955016</label>
                </div>
              </div>
            </div>
            <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
              <div class="col-sm-6 flex">
                <label class="control-label min-width">交易号：</label>
                <div class="inline-block">
                  <label class="control-label">284</label>
                </div>
              </div>
              <div class="col-sm-6 flex">
                <label class="control-label min-width">店铺：</label>
                <div class="inline-block">
                  <label class="control-label">284</label>
                </div>
              </div>
            </div>
            <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
              <div class="col-sm-6 flex">
                <label class="control-label min-width">应收货款：</label>
                <div class="inline-block">
                  <div class="input-group">
                    <input type="text" class="form-control"><span class="input-group-addon">USD</span>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 flex">
                <label class="control-label min-width">应收邮资：</label>
                <div class="inline-block">
                  <div class="input-group">
                    <input type="text" class="form-control"><span class="input-group-addon">USD</span>
                  </div>
                </div>
              </div>
            </div>
            <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
              <div class="col-sm-6 flex">
                <label class="control-label min-width">平台费用：</label>
                <div class="inline-block">
                  <div class="input-group">
                    <input type="text" class="form-control"><span class="input-group-addon">USD</span>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 flex">
                <label class="control-label min-width">转账费：</label>
                <div class="inline-block">
                  <div class="input-group">
                    <input type="text" class="form-control"><span class="input-group-addon">USD</span>
                  </div>
                </div>
              </div>
            </div>
            <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
              <div class="col-sm-6 flex">
                <label class="control-label min-width">收款账号：</label>
                <div class="inline-block">
                  <div class="">
                    <input type="text" class="form-control">
                  </div>
                </div>
              </div>
            </div>
            <div style="padding: 4px 0;" class="row">
              <div class="col-sm-6 flex">
                <label class="control-label min-width">收款账号：</label>
                <div class="inline-block">
                  <div class="">
                    <input type="text" class="form-control">
                  </div>
                </div>
              </div>
              <div class="col-sm-6 flex">
                <label class="control-label min-width">收款账号：</label>
                <div class="inline-block">
                  <div class="">
                    <input type="text" class="form-control">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->
      </div>
    </div>

    <div class="row form-group">
      <div class="col-xs-4">
        <div class="box">
          <div class="box-header" style="border-bottom: 1px solid rgb(226, 225, 225)">
            <h3 class="box-title">平台留言</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body" style="overflow: hidden">
            <textarea class="form-control" rows="10"></textarea>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->
      </div>

      <div class="col-xs-4">
        <div class="box">
          <div class="box-header" style="border-bottom: 1px solid rgb(226, 225, 225)">
            <h3 class="box-title">订单备注</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body" style="overflow: hidden">
            <textarea class="form-control" rows="10"></textarea>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->
      </div>
    </div>


    <div class="row form-group">
      <div class="col-xs-8">
        <div class="box">
          <div class="box-header" style="border-bottom: 1px solid rgb(226, 225, 225)">
            <h3 class="box-title p-lr-10">客户信息</h3>
            <h3 class="box-title p-lr-10">paypal信息</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body" style="overflow: hidden">
            <div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width"><sub class="text-red">*</sub>客户ID：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width"><sub class="text-red">*</sub>客户姓名：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">联系电话1：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">联系电话2：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">联系邮箱：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">所属国家：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">省/州：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">所属城市：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">邮编：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">门牌号：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-12 flex">
                  <label class="control-label min-width">邮寄地址：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-12 flex">
                  <label class="control-label min-width">备用地址：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">paypal ID：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width"><sub class="text-red">*</sub>paypal姓名：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">地址：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">邮编：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">国家：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">城市：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">省/州：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">备用地址：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">联系电话1：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 flex">
                  <label class="control-label min-width">联系电话2：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
              <div style="padding: 4px 0;border-bottom: 1px solid #f4f4f4" class="row">
                <div class="col-sm-12 flex">
                  <label class="control-label min-width">邮寄地址：</label>
                  <div class="inline-block">
                    <div class="">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->
      </div>
    </div>


    <div class="row form-group">
      <div class="col-xs-8">
        <div class="box">
          <div class="box-header" style="border-bottom: 1px solid rgb(226, 225, 225)">
            <h3 class="box-title">商品信息</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body" style="overflow: hidden">
            <table class="table table-bordered">
              <thead class="bg-info">
              <tr>
                <th style="width: 10%">缩略图</th>
                <th style="width: 40%">平台sku</th>
                <th style="width: 25%">库存sku</th>
                <th style="width: 15%">单价</th>
                <th style="">数量</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>
                  <img src="">
                </td>
                <td class="text-left" style="padding-left: 20px;">
                  <p>
                    <label>03022408</label>
                  </p>
                  <p>
                    <label class="maxHinde">Receiver S.Port 8/16CH  X8R ...</label>
                  </p>
                </td>
                <td class="text-left" style="padding-left: 20px;">
                  <p>
                    <label>03022408</label>
                  </p>
                  <p>
                    <label>Receiver S.Port 8/16CH  X8R ...</label>
                  </p>
                </td>
                <td class="text-right" style="padding-right: 20px;">
                  639.4520
                </td>
                <td>
                  1
                </td>
              </tr>
              </tbody>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->
      </div>
    </div>
  </section>
</template>

<script>
  export default {
    name: "orderInfo"
  }
</script>

<style>
  /* @import "../../assets/dist/css/All-skins.min.css";
  @import "../../assets/dist/css/AdminLTE.min.css"; */
</style>
